
<!-- 导航栏 -->
<link rel="stylesheet" href="../CSS/common.css">
<link rel="stylesheet" href="../CSS/blog_list.css">
<div class="nav">
    <img src="../img/234.png" alt="比特科技">
    <span class="title">我的博客系统</span>
    <!-- 专门设置一个span来占据中间位置 -->
    <span class="spacer"></span>
    <a href="blog_list.html">主页</a>
    <a href="blog_edit.html">写博客</a>
    <a href="logout">注销</a>

</div>

<!-- 实现版心部分 -->
<div class="container">
    <!-- 左侧个人信息 -->
    <div class="container-left">
        <div class="card">
            <img src="../img/头像.png" alt="我的头像">
            <h3>宋浩</h3>
            <a href="#">github 地址</a>
            <div class="counter">
                <span>文章</span>
                <span>分类</span>
            </div>
            <div class="counter">
                <span>2</span>
                <span>1</span>
            </div>
        </div>
    </div>

    <!-- 右侧内容详情 -->
    <div class="container-right">
        <div class="blog">

            <div class="title">我的第一篇博客</div>
            <div class="date">2021-06-02</div>
            <div class="desc">
                从今天起，我要发奋图强搞学习,Lorem ipsum dolor, sit amet consectetur 
                adipisicing elit. Vel obcaecati tenetur beatae reiciendis fugit praesentium,
                officiis consequuntur veritatis. Repudiandae officia nobis recusandae exercitationem 
                corporis quia earum doloribus! Maxime, nostrum excepturi!
            </div>
            <a href="blog_content.html?blogId=1" class="detail">查看全文 &gt;&gt;</a>
        </div>

        <div class="blog">
            <div class="title">我的第二篇博客</div>
            <div class="date">2021-06-02</div>
            <div class="desc">
                从今天起, 我要认真敲代码. Lorem ipsum, dolor sit amet consectetur 
        adipisicing elit. Cum distinctio ullam eum ut
                veroab laborum numquam tenetur est in dolorum a sint, assumenda 
        adipisci similique quaerat vel.
                Facere,
                et.
            </div>
            <a href="blog_content.html?blogId=2" class="detail">查看全文 &gt;&gt;</a>
        </div>
    
    </div>
        

</div>













